@media screen and (max-width:1178px) {}
 
 .news li {
     float: left;
     width: 32%;
     border: solid 1px #fff;
     box-shadow: 0 10px 40px rgb(0 0 0 / 5%);
     padding: 2.5%;
     margin: 0.5%;
     max-height: 480px;
     overflow: hidden;
     min-height: 288px;
     margin-bottom: 50px;
 }
 
 .news li .item {
     width: 100%;
 }
 
 .news li .item h3 {
     font-size: 18px;
     color: #252525;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     margin: 7.5% 0 5% 0;
 }
 
 .news li .item p {
     font-size: 13px;
     color: #797979;
     height: 80px;
     overflow: hidden;
     line-height: 25px;
 }
 
 .news li .item em {
     font-size: 21px;
     color: #333333;
     line-height: 30px;
     margin-top: 5px;
     font-style: normal;
 }
 
 .news li .item em font {
     display: inline-block;
     font-size: 40px;
 }
 
 .news li .thumb {
     width: 100%;
 }
 
 .news li .thumb img {
     width: 100%;
     /*  min-height: 200px;
    max-height: 200px;*/
 }
 
 .news li.l {
     margin-right: 0.5%;
 }
 
 .news li.r {
     margin-left: 0.5%;
 }
 
 .news li:hover {
     border: solid 1px #f6f6f6;
 }
 
 .news li:hover .item em {
     color: #d22633;
 }
 /*���´���������Ӧ��ʽ*/
 
 @media screen and (max-width:1320px) {
     .news li {
         width: 49%;
     }
 }
 
 @media screen and (max-width:1178px) {
     .news li {
         width: 49%;
     }
 }
 
 @media screen and (max-width:800px) {
     .news li {
         width: 100%;
         max-height: 488px;
         padding: 5%;
         margin: 2.5% 0 !important;
     }
     .news li .item {
         width: 100%;
     }
     .news li .thumb {
         width: 100%;
         margin-top: 5%;
     }
     .news li .item span {
         margin: 5% 0;
         text-overflow: unset;
         white-space: inherit;
     }
     .news li .item p {
         max-height: inherit;
         line-height: 25px;
     }
     .news-title h1 {
         line-height: 24px;
         font-size: 20px;
         margin-bottom: 3%;
     }
 }
 /*���´���������Ӧ��ʽ*/
 
 @media screen and (max-width:1320px) {
      
     @media screen and (max-width: 800px) {
     
         .news li {
             width: 100%;
             max-height: 488px;
             padding: 5%;
             margin: 2.5% 0 !important;
         }
         .news li .item {
             width: 100%;
         }
         .news li .thumb {
             width: 100%;
             margin-top: 5%;
         }
         .news li .item span {
             margin: 5% 0;
             text-overflow: unset;
             white-space: inherit;
         }
         .news li .item p {
             max-height: inherit;
         }
     }
 }
 
 .mobile {
     display: none;
 }
  
   
 .page {
     padding-top: 60px;
     text-align: center;
 }
 
 .ytable-cell {
     display: table-cell;
     vertical-align: middle;
 }
 
 .hls-page-newsdetail {
     width: 1000px;
     margin: auto;
     overflow: hidden;
     /*padding: 5% 0;*/
 }
 
 .hls-page-newsdetail .title {
     text-align: center;
     border-bottom: 1px solid #e7e9ef;
     padding: 10px 0;
     overflow: hidden;
 }
 
 .hls-page-newsdetail .title h2 {
     font-size: 40px;
 }
 
 .title h2 {
     font-size: 44px;
     font-family: 'Conv_Montserrat-Bold';
     text-transform: uppercase;
 }
 
 .hls-page-newsdetail .title h5 {
     font-size: 14px;
     color: #999;
     font-weight: normal;
     padding: 20px 0;
     display: block;
     overflow: hidden;
 }
 
 .newsdetail {
     padding: 5% 0;
     overflow: hidden;
     font-size: 14px;
     color: #666;
     line-height: 31px;
 }
  
 
 @media screen and (max-width: 860px) {
     .hls-page-newsdetail {
         width: 90%;
         padding: 5% 0;
     }
 }
 
 @media screen and (max-width: 860px) {
     .hls-page-newsdetail .title h2 {
         font-size: 30px;
     }
 }